<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*" %>
<%@page import="tables.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />
<title>Bienvenue sur alibi en folie!</title>
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
		<p> Bienvenue, <br> <%=request.getAttribute("membre")%></p>
		<center>
		<input type="submit" name="deconnexion" value="deconnexion" id="bouton2">
		<input type="submit" name="changement_parametre" value="paramètres du compte" id="bouton2">
		</center>
		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" target="_blank">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" target="_blank">perdu ?</a>
				<br>
				<a href="http://www.radins.com" target="_blank">besoin d'argent?</a>
	</form>	
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info">devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" target="_blank">Qu'est ce qu'un membre premium ?</a></p>
		</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
    	 	<%Boolean estPremium=false;
				 if (request.getAttribute("estPremium")!=null){
				    if (request.getAttribute("estPremium").equals("oui")){
				    estPremium=true;
				    }}%>
			<br>
			<br>
			<br>
			<br>
			<form action="gestionOnglet">
	    	 	   			<ul id="menu">
        <li>
                <input type="submit" name="option" value="Accueil" class="inactive">
        </li>
        <li>
                <a href="#" class="inactive">Nos services d'alibis</a>
                <ul>
                <%if (estPremium) %>
                        <li><input type="submit" name="option" value="Envoyer une carte postale" class="sousIn"></li>
                       <% %>
                        <li><input type="submit" name="option" value="Envoyer un e-mail/sms" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Autres alibis" class="sousDerIn"></li>
                </ul>
        </li>
        <%if(estPremium){ %>
        <li>
                <a href="#" class="inactive">Alibis avec complice</a>
                <ul>
                        <li><input type="submit" name="option" value="Recherche complice" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Etre complice" class="sousDerIn"></li>
                </ul>
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Consulter votre profil" class="inactive">
        </li>
        <%if(estPremium){ %>
        <li>
                <input type="submit" name="option" value="Message recus" class="inactive">
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Donnez votre avis" class="inactive">
        </li>
        
</ul>
	  		</form>
		</div>
		<div id="presentation">
		    <br>
		    <br>
		    <form action="gestionOnglet">
		   <script type="text/javascript">
		    function afficher_cacher(id)
{
	var pr = document.getElementById(id);
 
	if (pr.style.display == "block") {
		pr.style.display = "none";
	} else {
		pr.style.display = "block";
	}
}
		</script> 
		
		<p id="titre"> Modifier les paramètres de votre compte </p>
		<center>
		<table>
			   
	    <tr> <td> E-mail:</td><td> <input type="text" name="email" value="<%=request.getAttribute("email") %>" maxlength="40"> </td></tr>

		<tr> <td> Téléphone:</td><td> <input type="text" name="telephone" value="<%=request.getAttribute("telephone") %>" maxlength="10"/> </td></tr>
	    	   
	    <tr> <td> Adresse: </td><td><input type="text" name="adresse" value="<%=request.getAttribute("adresse") %>" maxlength="100"/></td></tr>
	    
	    <tr> <td> Ville:</td><td> <input type="text" name="ville" value="<%=request.getAttribute("ville") %>" maxlength="50"/> </td></tr>
	    
	    <tr> <td> Situation amoureuse: </td><td><select name ="statut">
	    						<%String selecteStatut = (String) request.getAttribute("statut"); %>
	    						<option value="celibataire" <%if(selecteStatut.equals("celibataire")){%> selected="selected" <%} %>> Célibataire </option>
	    						<option value="enCouple" <%if(selecteStatut.equals("enCouple")){%> selected="selected" <%} %>> En couple </option>
	    						<option value="fiance" <%if(selecteStatut.equals("fiance")){%> selected="selected" <%} %>> Fiancé(e) </option>
	    						<option value="marie" <%if(selecteStatut.equals("marie")){%> selected="selected" <%} %>> Marié(e) </option>
	    						<option value="relationLibre" <%if(selecteStatut.equals("relationLibre")){%> selected="selected" <%} %>> Dans une relation libre </option>
	    						<option value="separe" <%if(selecteStatut.equals("separe")){%> selected="selected" <%} %>> Séparé(e) </option>
	    						<option value="divorce" <%if(selecteStatut.equals("divorce")){%> selected="selected" <%} %>> Divorcé(e) </option>
	    						<option value="veuf" <%if(selecteStatut.equals("veuf")){%> selected="selected" <%} %>> Veuf(ve) </option>
	    				  </select> </td></tr>
	    				  
	    <tr> <td> Orientation sexuelle:</td><td><select name="orientation">
	    						<%String selecteOrientation = (String) request.getAttribute("orientation"); %>
	    						<option value="hetero" <%if(selecteOrientation.equals("hetero")){%> selected="selected" <%} %>> Hétéro </option>
	    						<option value="homo" <%if(selecteOrientation.equals("homo")){%> selected="selected" <%} %>> Homo </option>
	    						<option value="bi" <%if(selecteOrientation.equals("bi")){%> selected="selected" <%} %>> Bi </option>
	    				  </select> </td></tr>
	    		
	    
	  
	     
	    <tr> <td> Couleur des cheveux:</td><td> <select name="cheveux">
	    											<%String selectCheveux = (String) request.getAttribute("cheveux"); %>
	    											<option value="blond" <%if(selectCheveux.equals("blond")){%> selected="selected" <%} %>>Blond(e) </option>
	    											<option value="brun" <%if(selectCheveux.equals("brun")){%> selected="selected" <%} %>>Brun(e) </option>
	    											<option value="roux"<%if(selectCheveux.equals("roux")){%> selected="selected" <%} %>>Roux(sse) </option>
	    											<option value="chatain" <%if(selectCheveux.equals("chatain")){%> selected="selected" <%} %>>Chatain </option>
	    											<option value="chauve" <%if(selectCheveux.equals("chauve")){%> selected="selected" <%} %>>Chatain </option>
	    											<option value="autre" <%if(selectCheveux.equals("autre")){%> selected="selected" <%} %>>Autre </option>
	  							</select></td></tr>
	    </table>
	    <br>
		<br>
		<br>
		<br>
		<input type="button" name="changementMotDePasse" value="Changer de mot de passe" id="bouton" onClick="afficher_cacher('changementPassword')">
	 	<br>
	 	<br>
	 	<div id="changementPassword" style="display:none">	
	 		<table>
	 		<tr><td>Ancien mot de passe: </td><td> <input type="password" name="ancienMotDePasse" ></td></tr>	
						
	    	<tr><td>Nouveau mot de passe: </td> <td><input type="password" name="nouveauMotDePasse"/></td></tr>

	    	<tr><td>Confirmation du mot de passe: </td><td> <input type="password" name="nouveauMotDePasse2" /> </td></tr>
	    	</table>
		</div>	
	    </center>
	    <%if(request.getAttribute("erreur")!=null) {%>
	   		<script type="text/javascript"> alert('<%=request.getAttribute("erreur")%>');</script>
	    <%}%>
	    <br>
	    <br>
	    <br>
	    <center><input type="submit" name="validerModification" value="Valider modification" id="bouton"/></center>
	    <br>
		<br>
		<br>
		<br>
	</form>
		    
		</div>
		</div>
		<br>
</div>

<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>
